<extend name="./app/Tpl/Public/template.html" />
<block name="content_body">
	<div class="pad-lr-10">
		<form name="form_search" id="form_search" action="{:U('index')}" method="post">
		    <table width="100%" cellspacing="0" class="search-form">
		        <tbody>
		            <tr>
			            <td>
				            <div class="explain-col">
								<input type="button"  name="form_search_btn_search"  value="刷新" onclick="document.forms['form_search'].submit()"/>
				        	</div>
			            </td>
		            </tr>
		        </tbody>
		    </table>
	    </form>
	    <form  name="form_list" id="form_list" action="{:U('index')}" method="post">
		    <div class="table-list">		
			    <table width="100%" cellspacing="0">
			        <thead>
			            <tr>
			            	<th width="100" align="center">推广类型</th> 
			            	<th width="100" align="left">推广数量</th>
			      			<th align="left">操作</th>
			            </tr>
			        </thead>
			    	<tbody>
						<volist name="list" id='val'>
				        <tr>
				        	<td align="center">{$val.name}</td>
				        	<td align="center">{$val.num}</td>
				            <td align="left" class="btn">
			            		<a class="link_btn" href="#" onclick="openDialogDetail('{$val.act_detail}')" >详细</a>
			            		<a class="link_btn" href="{$val.act_add}" >生成</a>
			            		<a class="link_btn" href="{$val.act_del}" >删除</a>
				            </td>
				        </tr>
				        </volist>
			    	</tbody>
			    </table>
	    	</div>
	    </form>
	</div>
	<div id="dialog_content" title="弹出框"></div>
<script type="text/javascript">

$(function(){
	$( "#dialog_content" ).dialog({
		autoOpen: false,
		width:550,
		height:250
	});
});

function openDialogDetail(action_url){
	$.post(
		action_url, 
		{}, 
		function(htmldata){
			$("#dialog_content").dialog("option","title","详细页面");
			$("#dialog_content").html(htmldata).dialog("open");
		},
		"html"
	);
}
</script>
</block>